<template>
  <view class="entry-item" @click="$emit('rowClick')">
    <image class="entry-icon" :src="stitchingURL(icon, iconType || 'png')" />
    <view class="entry-right" @click="$emit('onClick')">
      <text class="entry-label">{{ title }}</text>
      <image class="icon-img" :src="stitchingURL('icons/entry-arrow-right-gray')" />
    </view>
  </view>
</template>
<script setup>
  import { stitchingURL } from '@/common/util.js';
  defineProps(['title', 'value', 'icon', 'iconType']);
  defineEmits(['onClick', 'rowClick']);

</script>
<style lang="scss">
  .entry-item {
    padding: 35upx 24upx;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    .entry-icon {
        width: 42upx;
        height: 42upx;
      }
    .entry-right {
      flex: 1;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-left: 24upx;
      .entry-label {
        color: #1F1F1F;
        text-align: center;
        font-size: 32upx;
        font-style: normal;
        font-weight: 600;
        line-height: 45upx;
      }
      .arrow-icon {
        width: 48upx;
        height: 48upx;
      }
    }
  }
</style>